<script setup lang="ts">
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import AllList from './modules/allList.vue'
import PendingEvaluation from './modules/PendingEvaluation.vue'
import sellerHasReviewed from './modules/sellerHasReviewed.vue'

const activeKey = ref('3')
const route = useRoute()
</script>

<template>
  <page-container :title="route.meta.title">
    <a-card style="overflow-x: scroll">
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane key="1" tab="待卖家评价">
          <a-alert
            description="小提示：只要鼠标在表格上，按住左Shift键并滚动鼠标滚轮就可以横向滚动表格；鱼小铺等级≥L5级可用（卡券-已开通放心冲、奥莱、严选）店铺不受此限制"
            type="info"
            banner
            style="margin-bottom: 10px; padding: 10px"
          />
          <PendingEvaluation></PendingEvaluation>
        </a-tab-pane>
        <a-tab-pane key="2" tab="卖家已评价">
          <a-alert
            description="小提示：只要鼠标在表格上，按住左Shift键并滚动鼠标滚轮就可以横向滚动表格；鱼小铺等级≥L5级可用（卡券-已开通放心冲、奥莱、严选）店铺不受此限制"
            type="info"
            banner
            style="margin-bottom: 10px; padding: 10px"
          />
          <sellerHasReviewed></sellerHasReviewed>
        </a-tab-pane>
        <a-tab-pane key="3" tab="全部">
          <a-alert
            description="小提示：只要鼠标在表格上，按住左Shift键并滚动鼠标滚轮就可以横向滚动表格；鱼小铺等级≥L5级可用（卡券-已开通放心冲、奥莱、严选）店铺不受此限制"
            type="info"
            banner
            style="margin-bottom: 10px; padding: 10px"
          />
          <AllList></AllList>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-container>
</template>
